<!--作者:于大明-->
<template>
    <view class="video-item">
		<uni-list-item direction="row"  :clickable="true" :show-arrow="true" @click="itemCilck"
			>
			<!-- 通过v-slot:header插槽定义列表左侧的图片显示，其他内容通过List组件内置属性实现-->
			<template v-slot:header>
				<view class="tag_1">{{inputItem.viedeoCollectionSort}}</view>
				<!-- <text class="text-index">1️⃣2️⃣</text> -->
				<!-- 当前判断长度只为简单判断类型，实际业务中，根据逻辑直接渲染即可 -->
				<!-- https://ext.dcloud.net.cn/plugin?id=10748 --> 
				<trigger-lazyLoad imageModel="scaleToFill"  height="150rpx" width="200rpx" :src="inputItem.viedeoCollectionPosterUrl" class="image-1" :loadSrc="$cw.ImgLoadingUrl" />
			</template>
		
			<template v-slot:body>
				<view class="uni-list-item__content" >
					<text class="uni-list-item__content-title">
						{{ inputItem.viedeoCollectionName }}
					</text>
		
					<view class="uni-list-item__content-note d-flex">
						{{inputItem.viedeoCollectionDesc}}
					</view>
					<!-- <view class="uni-list-item__content-note">
						<uni-icons type="calendar" size="12"></uni-icons>
						<text style="margin-left: 2rpx;" >
							{{$filters.parseShortDayTime(inputItem.activeBeginTime,inputItem.activeEndTime)}}
						</text>
					</view> -->
				</view>
			</template>
				
		
		</uni-list-item>
		
	</view>
</template>

<script src="./video-item.js"></script>

<style lang="less" scoped>
    @import url('video-item.less');
</style>
